import React from "react";

const ExplainIcon = ({ color = "white" }: { color?: string }) => {
  return (
    <svg
      width="18"
      height="18"
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M4.875 10.125H10.125V9.375H4.875V10.125ZM4.875 7.875H13.125V7.125H4.875V7.875ZM4.875 5.625H13.125V4.875H4.875V5.625ZM2.25 15.0577V3.46125C2.25 3.11625 2.36575 2.82825 2.59725 2.59725C2.82825 2.36575 3.11625 2.25 3.46125 2.25H14.5387C14.8837 2.25 15.1718 2.36575 15.4028 2.59725C15.6343 2.82825 15.75 3.11625 15.75 3.46125V11.5387C15.75 11.8837 15.6345 12.172 15.4035 12.4035C15.172 12.6345 14.8837 12.75 14.5387 12.75H4.55775L2.25 15.0577ZM4.2375 12H14.5387C14.6538 12 14.7595 11.952 14.856 11.856C14.952 11.7595 15 11.6538 15 11.5387V3.46125C15 3.34625 14.952 3.2405 14.856 3.144C14.7595 3.048 14.6538 3 14.5387 3H3.46125C3.34625 3 3.2405 3.048 3.144 3.144C3.048 3.2405 3 3.34625 3 3.46125V13.2338L4.2375 12Z"
        fill={color}
      />
    </svg>
  );
};

export default ExplainIcon;
